<template>
	<div>
		<div class="ss">
			<router-link to="/home">首页</router-link>
			<el-input placeholder="请输入内容" v-model="bookname"></el-input>
			<el-button @click="findBook()">搜索</el-button>
			<el-button>我的购物车</el-button>
		</div>
		<div class="kkk">
		</div>
	</div>
</template>

<script>
	export default {
		name: 'allbook',
		data() {
			return {
				bookname: '',
				book: {},
			}
		},
		methods: {
			findBook() {
				console.log(this.bookname);
				// this.book = {
				// 	key: this.bookname
				// };
				// this.$postkv('/api/public/book/findPageKey/1/3', this.book).then((resp) => {
				// 	console.log('是否拿到参数');
				// 	console.log(resp.data.data.books);
				// 	this.$router.push({
				// 		query: {
				// 			arrs: resp.data.data.books
				// 		},
				// 		path: '/hometype'
				// 	})
				// })

			},
		}
	}
</script>

<style>
	.ss {
		margin-top: 5%;
		width: 100%;
		display: flex;
	}

	.ss input {
		width: 40%;
		margin-left: 25%;
	}

	.ss button {
		margin-left: -35%;
	}



	.kkk {
		width: 60%;
		background-color: orange;
		height: 2px;
		margin: 0 auto;
		margin-top: 2%;

	}
</style>